<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta  http-equiv="Content-Type" content="text/html; charset=UTF-8"  />
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<title>登录</title>
		<link rel="stylesheet" href="css/subscribe.css" />

		<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
		<script type="text/javascript" src="js/subOperate.js" ></script>

	</head>
	<body>
	    <input id="channel" type="hidden" th:value="${channel}" />
		<div class="sub-logoName">
			<span>沃邮箱</span>
			<em>悦联系 信无间</em>
		</div>
		<div class="sub-contentBox">
			<!--邮箱账户／密码-->
			<ul id="passwordLoginUL" style="display: none;">
				<li>
					<input id="account" type="text" value="" placeholder="邮箱账号/手机号码" />
					<em>@wo.cn</em>
				</li>
				<li>
					<input id="password" type="password" placeholder="密码" />
				</li>
			</ul>
			<!--手机号 / 验证码-->
			<ul id="smsLoginUL" style="display: block;">
				<li>
					<input id="phone" type="tel" maxlength="11" value="" pattern="[0-9]*" placeholder="手机号码" />
				</li>
				<li>
					<input id="smsCode" type="number" value="" style="width: 60%;" placeholder="验证码" />
					<!--验证码-->
					<var id="yz" class="yz" style="display: block;">获取验证码</var>
					<!--倒计时-->
					<var id="djs" class="djs" style="display: none;">60S</var>
				</li>
			</ul>
			<a id="login">登录</a>
			<span id="switchLogin">账号密码登录</span>
		</div>
		<!--toast-->
		<div id="sub-toast" style="display: none" class="sub-toast"><span>密码错误</span></div>

	</body>
</html>



<script type="text/javascript">
	document.body.addEventListener('touchstart', function () {});//...IOS伪类空函数即可
</script>



